<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>  
    <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>   
    <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
    <%@taglib prefix="spring" uri="http://www.springframework.org/tags" %>
    <%
		String base = request.getContextPath();
		request.setAttribute("base", base);
	%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>zMovie</title>
	
	<!-- CSS
  	================================================== -->
	<link rel="stylesheet" href="${base}/resources/css/zerogrid.css">
	<link rel="stylesheet" href="${base}/resources/css/style.css">
	<link rel="stylesheet" href="${base}/resources/css/responsive.css">
	<script src="${base}/resources/js/css3-mediaqueries.js"></script>
<script src="${base}/resources/js/jquery.min.js"></script>
<!-- 引入翻页插件 -->
<script src="${base}/resources/js/jquery.bs_pagination.min.js" ></script>
<script src="${base}/resources/js/bs_pagination_en.js"></script>
<script src="${base}/resources/js/index.js"></script>

</head>
<body>
<div class="wrap-body">

<!--////////////////////////////////////Header-->
<header>
	<div class="top-bar">
		<div class="wrap-top zerogrid">
			<div class="row">
				<div class="col-1-2">
					<div class="wrap-col">
						<ul>
							<li class="mail"><p>网站邮箱</p></li>
							<li class="phone"><p>80 88888 7</p></li>
						</ul>
					</div>
				</div>
				<div class="col-1-2">
					<div class="wrap-col f-right">
					<ul>
						<c:choose>  
						   <c:when test="${user.name ne null}">
						   		${user.name}
						   </c:when>  
						   <c:otherwise>
						   			<button><a href = "user/login.html">用户登录</a></button>
									<button><a href = "user/register.html">用户注册</a></button>
						   </c:otherwise>  
						</c:choose> 
					</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="wrap-header zerogrid">
		<div class="row">
			<div class="col-1-2">
				<div class="wrap-col">
					<div class="logo"><a href="${base}"><img src="${base}/resources/images/logo.png"/></a></div>	
				</div>
			</div>
			<div class="col-1-2">
				<div class="wrap-col f-right">
					<form method="get" action="/search" id="search"  >
					  <input name="q" type="text" size="40" placeholder="Search..." />
					  <input type="submit" value="Submit">
					</form>
				</div>
			</div>
		</div>
		<div class="row">
			<div id="menu">
				<nav>
					<div class="wrap-nav">
					   <ul>
						 <li class="active"><a href="${base}">主页</a></li>
						 <li><a href="single.html">恐怖</a></li>
						 <li><a href="single.html">爱情</a></li>
						 <li><a href="single.html">动漫</a></li>
						 <li><a href="single.html">剧情</a></li>
						 <li><a href="single.html">搞笑</a></li>
						 <li><a href="single.html">动作</a></li>
						 <li><a href="contact.html">联系我们</a></li>
					   </ul>
					</div>
				</nav>
			</div>
		</div>
	</div>
</header>
<!--////////////////////////////////////Container-->
<section id="container">
	<div class="wrap-container zerogrid">
		<div id="main-content" class="col-2-3">
			<div class="wrap-content">
				<div class="movie">
					<div class="row type">
						<div class="title">
							<center><h2>MOVIE</h2></center>
						</div>
						<ul>
							<li>
								<select>
									<option value="audi" selected>Type</option>
									<option value="volvo">Text Text</option>
									<option value="saab">Text Text</option>
									<option value="volvo">Text Text</option>
									<option value="saab">Text Text</option>
									<option value="volvo">Text Text</option>
									<option value="saab">Text Text</option>
									<option value="volvo">Text Text</option>
									<option value="saab">Text Text</option>
									<option value="volvo">Text Text</option>
									<option value="saab">Text Text</option>
								</select>
							</li>
							<li><a class="button " href="#">搜索</a></li>
						</ul>
					</div>



<!-- /////////////////////////////////此处为分页内容///////////////////////////////////////////////// -->
					<div id = "showMovieList">
					</div>
<!-- -----------------------------------分页页码 --------------------------------------------------------->
						<center>
							<div class="pagination">
								<div class="row">
							  		<div class="col-xs-12 col-sm-12 col-md-12 blockquote-reverse" style="border: 0px none;">
							  			<div id="movieListPage" class="blockquote-reverse" style="border: 0px none;">
							  			</div>
							  		</div>
							  	</div>
							</div>
						</center>
				</div>
				
			</div>
		</div>
		<div id="sidebar" class="col-1-3">
			<div class="wrap-sidebar">
				<!---- Start Widget ---->
				
				<!---- Start Widget ---->
				<div class="widget wid-post">
					<div class="wid-header">
						<h5>最新推荐</h5>
					</div>
					<div class="wid-content" id = "showTopMovie">
					</div>
				</div>
				<!---- Start Widget ---->
				<div class="widget wid-new-updates">
					<div class="wid-header">
						<h5>最近更新</h5>
					</div>
					<div class="wid-content">
						<ul>
						<li><a href="#">Mad Max: Fury Road</a><span><img src="${base}/resources/images/hot.png" /></span></li>
						<li><a href="#">The Age of Adaline</a><span><img src="${base}/resources/images/hot.png" /></span></li>
						<li><a href="#">Pound of Flesh</a><span><img src="${base}/resources/images/hot.png" /></span></li>
						<li><a href="#">Bloodbath Island</a><span><img src="${base}/resources/images/hot.png" /></span></li>
						<li><a href="#">Pound of Flesh</a><span><img src="${base}/resources/images/hot.png" /></span></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!--////////////////////////////////////Footer-->
<footer>
	<div class="zerogrid">
		<div class="wrap-footer">
			<div class="row">
				<div class="col-1-4">
					<div class="wrap-col">
						<div class="widget wid-about">
							<div class="wid-header">
								<h5>Welcome</h5>
							</div>
							<div class="logo"><a href="#"><img src="${base}/resources/images/logo.png"/></a></div>
							<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque quod maxime placeat 
								facere possimus nihil impedit quo minus id quod maxime placeat facere possimus. </p>
						</div>
					</div>
				</div>
				<div class="col-1-4">
					<div class="wrap-col">
						<div class="widget wid-meta">
							<div class="wid-header">
								<h5>Links List</h5>
							</div>
							<div class="widget-content">
								<div class="row">
									<ul>
										<li><a href="#">> Lorem ipsum dolor sit </a></li>
										<li><a href="#">> Nullam venenatis lacus a </a></li>
										<li><a href="#">> Morbi ut sapien nec nisl</a></li>
										<li><a href="#">> Integer a enim ac ex.</a></li>
										<li><a href="#">> Sed in nunc non eleifend  </a></li>
										<li><a href="#">> Integer a enim ac ex.</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-1-4">
					<div class="wrap-col">
						<div class="widget wid-report">
							<div class="wid-header">
								<h5>Report Link</h5>
							</div>
							<div class="wid-content">
								<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
								eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 
								At vero eos et accusam et justo duo dolores et ea rebum. Consetetur sadipscing elitr,  
								sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-1-4">
					<div class="wrap-col">
						<div class="widget wid-meta">
							<div class="wid-header">
								<h5>Links List</h5>
							</div>
							<div class="widget-content">
								<div class="row">
									<ul>
										<li><a href="#">> Lorem ipsum dolor sit </a></li>
										<li><a href="#">> Nullam venenatis lacus a </a></li>
										<li><a href="#">> Morbi ut sapien nec nisl</a></li>
										<li><a href="#">> Integer a enim ac ex.</a></li>
										<li><a href="#">> Sed in nunc non eleifend  </a></li>
										<li><a href="#">> Integer a enim ac ex.</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</footer>
<script>
</script>
</div>
</body>
</html>